<template>
  <ElDropdown class="px-0">
    <template #dropdown>
      <ElDropdownMenu>
        <ElDropdownItem
          v-for="{ key, label, icon } in options"
          :key="key"
          class="mx-4px my-1px rounded-6px"
          :icon="icon"
          :command="key"
        >
          {{ label }}
        </ElDropdownItem>
      </ElDropdownMenu>
    </template>
    <div class="flex items-center">
      <ElAvatar :size="32" src="/cix-admin/avatar.webp" />
    </div>
  </ElDropdown>
</template>

<script setup lang="ts">
const options = [{ key: "logout", label: "退出登录", icon: "ph:sign-out" }];
</script>
